.admin-home-index-content
    .uniteStyle
        background-color: #fff
        border-radius: 8px
        box-shadow: 0px 0px 2px #e3e3e3;
    .content
        padding: 10px
        box-sizing: border-box
        .topInfoOverview
            display: flex
        .topLeft
            display: flex
            flex-direction: column
            flex: 1
            .topContent
                display: flex
                margin-bottom: 20px
                &:last-child
                    margin-bottom: 0
                .item
                    display: flex
                    align-items: center
                    flex: 1
                    margin-right: 20px
                    padding: 20px
                    box-sizing: border-box
                    .iconBox
                        display: flex
                        width: 50px
                        height: 50px
                        align-items: center
                        justify-content: center
                        background-color: #f2ebfb
                        border-radius: 50%
                    .rightBox
                        margin-left: 10px
                        display: flex
                        flex-direction: column
                        .valuesAmount
                            font-size: 18px
                            font-weight: bold
                            color: #000
                            margin-bottom: 3px
                            display: flex
                            align-items: center
                            .floatUnit
                                font-size: 12px
                                font-weight: normal
                                margin-left: 3px
                        .title
                            font-size: 12px
                            color: #afafaf
                        .small_text
                            color: #afafaf
                            font-size: 13px
                            font-weight: normal
        .topRight
            display: flex
            width: 400px
            flex-direction: column
            padding: 10px 20px 10px 20px
            box-sizing: border-box
            .title
                display: flex
                text-align: center
                font-size: 14px
                font-weight: bold
                margin-bottom: 8px
            .list
                display: flex
                flex-direction: column
                justify-content: space-between
                flex: 1
                .it
                    display: flex
                    align-items: center
                    margin-bottom: 5px
                    &:last-child
                        margin-bottom: 0
                    .iconBox
                        display: flex
                        align-items: center
                        .left_title
                            margin-left: 5px
                            font-size: 13px
                    .progressBox
                        flex: 1
                        margin: 0 10px
        .middleOverview
            display: flex
            background-color: #fff
            padding: 0 10px
            box-sizing: border-box
            margin-top: 20px
            border-radius: 8px
            .leftChartBox
                display: flex;
                flex-direction: column;
                width: 100%;
                justify-content: space-around;
                .titleName
                    height: 50px
                    display: flex
                    align-items: center
                    padding: 0 20px
                    box-sizing: border-box
                    font-size: 14px
                    font-weight: bold
                .chartBox
                    display: flex
                    width: 100%
                    flex-wrap: wrap;
                    .chartStyleBox
                        min-height: 250px
                        flex: 1
                    .rightRound
                        min-width: 20%
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        justify-content: center;
                        #rightRound
                            display: flex;
                            width: 100%;
                            flex: 1;
                            justify-content: center;
                        .chart_tips
                            display: flex
                            align-items: center
                            flex-wrap: wrap
                            .item
                                display: flex
                                align-items: center
                                margin-right: 10px
                                margin-bottom: 5px
                                .bar
                                    width: 10px
                                    height: 10px
                                    border-radius: 50%
                                    &.bar1
                                        background-color:#32d79f
                                    &.bar2
                                        background-color:#713bdb
                                    &.bar3
                                        background-color:#f95483
                                    &.bar4
                                        background-color:#cbb64d
                                    &.bar5
                                        background-color:#058373
                                .bar_text
                                    font-size: 12px
                                    color: #000
                                    margin-left: 3px
                    .leftColumnar
                        min-width: 40%
        .bottomOverview
            box-sizing: border-box
            margin-top: 20px
            display: flex
            .leftBox
                flex: 1
                .titleName
                    height: 50px    
                    display: flex
                    align-items: center
                    padding: 0 20px
                    box-sizing: border-box
                    font-size: 14px
                    font-weight: bold
                .table
                    padding: 0 20px 20px 20px
                    box-sizing: border-box
                    .item
                        display: flex
                        align-items: center
                        &.th_item
                            color: #ccc
                        .td_style
                            white-space nowrap
                            overflow: hidden
                            text-overflow: ellipsis
                            height: 40px
                            line-height: 40px
                            text-align: center
                            border-bottom: 1px solid #f5f5f5
                            font-size: 13px
                            &.td
                                font-size: 12px
                        .td_style1
                            flex: 0.4
                        .td_style2
                            flex: 1
                        .td_style3
                            flex: 1
                        .td_style4
                            flex:  0.4
                        .td_style5
                            flex: 0.7
            .rightBox
                flex: 0.7
                margin-left: 20px